<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Dana Shop</title>
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
	</head>
	<body>
		<div class="top-nav">
			<div class="w">
				<ul class="fl">
					<li>Home</li>
					<li>Favourite</li>
				</ul>
				<ul class="fr">
					<li>Hi <a href="#">Sign in</a> or <a href="#">Register</a></li>
					<li>My Account</li>
					<li>Currency</li>
					<li>Language</li>
				</ul>
			</div>
		</div>

		<div class="header w">
			<div class="logo fl"></div>
			<div class="search fl">
				<span class="search-box">
					<input type="text" name="keyword" autocomplete="off" class="s-input" placeHolder="Search..."/>
					<button class="btn s-btn">Search</button>
				</span>
			</div>
			<div class="cart fl">
				<span class="c-cart sprite">Cart(<b id="c-num">0</b>)<i></i></span>
			</div>
		</div>

		<div class="hc w">
			<div class="category fl">
				<h3 class="cate-title">Categories</h3>
				<dl class="cate-list">
					<dt class="cate-name sprite">Clothes</dt>
					<dd></dd>
				</dl>
				<dl class="cate-list">
					<dt class="cate-name sprite">Shoes</dt>
					<dd></dd>
				</dl>
				<dl class="cate-list">
					<dt class="cate-name sprite">Bags</dt>
					<dd></dd>
				</dl>
				<dl class="cate-list">
					<dt class="cate-name sprite">Accessories</dt>
					<dd></dd>
				</dl>
				<dl class="cate-list">
					<dt class="cate-name sprite">Jewelry</dt>
					<dd></dd>
				</dl>
				<!--[if IE 6]>
					<script type="text/javascript">
						$('.cate-name').on('mouseover',function(){$(this).addClass('cate-name-hover')});
						$('.cate-name').on('mouseout',function(){$(this).removeClass('cate-name-hover')});
					</script>
				<![endif]-->
			</div>
			<div class="banner fl">
				<img src="images/banner1.jpg" width="600" height="300">
			</div>
			<div class="news fl">
				<div><img src="images/banner2.jpg"></div>
				<div><img src="images/banner3.jpg"></div>
				<div><img src="images/banner4.jpg"></div>
			</div>
		</div>

		<div class="hot w">
			<div class="hot-title">
				<h3>HOT  SALES</h3>
			</div>
			<div class="hot-con">
				<ul class="tab-title">
					<li>Clothes</li>
					<li>Shoes</li>
					<li>peans</li>
					<li>peans</li>
					<li>peans</li>
					<li>peans</li>
					<li>peans</li>
					<li>peans</li>
					<li>peans</li>
					<li>peans</li>
				</ul>
				<ul class="tab-content cb">
					<li>
						<div class="pic-hot"><a href="#"><img src="images/products/1.jpg"/></a></div>
						<h4>hello xwg, love xwg, love xwg, love xwg</h4>
						<p class="price"><em>US</em> <b>$12.1</b></p>
					</li>
					<li>
						<div class="pic-hot"><a href="#"><img src="images/products/2.jpg"/></a></div>
						<h4>hello xwg, love xwg, love xwg, love xwg</h4>
						<p class="price"><em>US</em> <b>$12.1</b></p>
					</li>
					<li>
						<div class="pic-hot"><a href="#"><img src="images/products/3.jpg"/></a></div>
						<h4>hello xwg, love xwg, love xwg, love xwg</h4>
						<p class="price"><em>US</em> <b>$12.1</b></p>
					</li>
					<li>
						<div class="pic-hot"><a href="#"><img src="images/products/4.jpg"/></a></div>
						<h4>hello xwg, love xwg, love xwg, love xwg</h4>
						<p class="price"><em>US</em> <b>$12.1</b></p>
					</li>
					<li>
						<div class="pic-hot"><a href="#"><img src="images/products/5.jpg"/></a></div>
						<h4>hello xwg, love xwg, love xwg, love xwg</h4>
						<p class="price"><em>US</em> <b>$12.1</b></p>
					</li>
				</ul>
			</div>
		</div>

		<div class="new w">
			<div class="hot-title">
				<h3>NEW ARRIVAL</h3>
			</div>
			<div class="new-con">
				<div class="new-col1">
					<div class="new-col1-1">
						<div class="new-col1-1-row"><img src="images/products/new-1.jpg"></div>
						<div class="new-col1-1-row"><img src="images/products/new-2.jpg"></div>
					</div>
					<div class="new-col1-2"><img src="images/products/new-3.jpg"></div>
				</div>
				<div class="new-col2">
					<div class="new-col2-1"><img src="images/products/new-4.jpg"></div>
					<div class="new-col2-2"><img src="images/products/new-5.jpg"></div>
					<div class="new-col2-3"><img src="images/products/new-6.jpg"></div>
				</div>
			</div>
		</div>

		<div class="prom w">
			<div class="prom-title">
				<h3></h3>
			</div>
			<div class="prom-con">
				<img src="images/prom-con.png"/>
			</div>
		</div>

		<div class="footer w">
			<div class="f-cont">
				<a href="#">About DanaShop</a>
				<a href="#">Policies</a>
				<a href="#">Site Map</a>
				<a href="#">Contact us</a>
				<a href="#">FAQ</a>
				<a href="#">Tell us what you think</a>
			</div>
			<div class="f-partener"></div>
			<div class="copyright">
				<span>Copyright © 1995-2013 DanaShop. All Rights Reserved.</span>
			</div>
		</div>
	</body>
</html>